<!DOCTYPE html>
<html lang="en">
<head>
	<!-- <meta charset="UTF-8"> -->
	<!-- meta:utf -->
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<!-- meta:vp -->
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<!-- meta:compat -->
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<!-- link -->
	<!-- link:css -->
	<link rel="stylesheet" href="style.css">
	<!-- script -->
	<!-- script:src -->
	<script src=""></script>
	<script>
	</script>

	<title>Document</title>
</head>
<body>
	<!-- html:5或者！可以生成html5文档结构  按tab生成-->
	<!-- link:css,script:src -->

	<p>1.生成带类样式的标签</p>
	<p class="info"></p>
	<!-- p.info -->
	<p class="info"></p>
	<!-- div.red -->
	<!-- .red -->
	<div class="red"></div>

	<p>2.生成带ID的标签</p>
	<!-- h2#header -->
	<h2 id="header"></h2>
	<!-- #header -->
	<div id="header"></div>

	<p>a标签</p>
	<!-- a -->
	<a href=""></a>
	<!-- a:link -->
	<a href="http://"></a>
	<!-- a:mail -->
	<a href="mailto:"></a>

	<p>４根据标签之间的位置关系来生成标签</p>
	<!-- 生成同级，兄弟标签　　h2.header+p.info -->
	<h2 class="header"></h2>
	<p class="info"></p>

	<!-- 后代标签，也叫下级标签： -->
	<!-- ul>li -->
	<!-- ul>li+li+li -->
	<!-- ul>li*3 -->
	<ul>
		<li></li>
		<li></li>
		<li></li>
	</ul>

	<!-- 生成当前标签的父级，也叫上级标签：h2>span^p.info -->
	<!-- h2>span -->
	<!-- h2>span^p.info -->
	<h2><span></span></h2>
	<p class="info"></p>

	<p>5你也可以有在生成的标签的时候，同时创建内部的文本</p>
	<!-- {} -->
	<!-- a{PHP中文网} -->
	<a href="">PHP中文网</a>
	<!-- p[title="这是一段说明文字"] -->
	<p title="这是一段说明文字"></p>

	<!-- a[href="http://www.php.cn"]{PHP中文网} -->
	<a href="http://www.php.cn">PHP中文网</a>

	<p>6重复生成功能：*</p>
	<!-- ul>li*5 -->
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>

	快速生成一个有８个列表项的导航：
	<!-- ul.list>li.item*8>a{导航} -->
	<ul class="list">
		<li class="item"><a href="">导航</a></li>
		<li class="item"><a href="">导航</a></li>
		<li class="item"><a href="">导航</a></li>
		<li class="item"><a href="">导航</a></li>
		<li class="item"><a href="">导航</a></li>
		<li class="item"><a href="">导航</a></li>
		<li class="item"><a href="">导航</a></li>
		<li class="item"><a href="">导航</a></li>
	</ul>

	<p>给标签自动添加编号或排序：$,@</p>
	<!-- ul.list>li.item*8>a{导航}
	ul.list>li.item*8>a{导航$$}
	ul.list>li.item*8>a{导航$$@-}
	ul.list>li.item*8>a{导航$$$@100}
	ul.list>li.item*8>a{导航$$$$@100} -->

	ul.list>li.item*8>a{导航$$}
	ul.list>li.item*8>a{导航$$$$@100}

	<!-- www.emmet.io 官网 -->
</body>
</html>